@import "~taro-ui-vue/dist/style/components/accordion.scss";
@import "~taro-ui-vue/dist/style/components/icon.scss";

.help {
  padding: 0 30rpx;
  color: #303133;
  .help-custom-title {
    background-color: #ffffff;
  }
  &-title {
    margin-top: 32rpx;
    font-size: 40rpx;
    color: #000;
  }
  .problem-wrap {
    padding: 40px 0;
    border-bottom: 2px solid #f3f3f3;
    .title {
      font-size: 32px;
      font-weight: 400;
      line-height: 60px;
      color: #303133;
    }
    .at-accordion__info__title {
      font-size: 28px;
      font-weight: 500;
      line-height: 40px;
      color: #909399;
    }
    .help-accordion__content {
      font-size: 28px;
      font-weight: 500;
      line-height: 48px;
      color: #303133;
    }
  }
  &-add-teacher {
    font-size: 28rpx;
    text-align: center;
    padding: 48px 0;
    .title {
      color: #606266;
    }
    > image {
      margin-top: 48px;
      width: 260px;
      height: 260px;
    }
    .tips {
      font-size: 24px;
      font-family: PingFang SC;
      font-weight: bold;
      line-height: 60px;
      color: #303133;
    }
    .copy {
      margin: 26px auto 0;
      width: 204px;
      height: 64px;
      background: #f5f5f5;
      border-radius: 200px;
      font-size: 28px;
      font-weight: 500;
      line-height: 64px;
      color: #303133;
      text-align: center;
    }
  }
  .at-accordion__content{
    padding:  14px 0;
  }
  .at-accordion__content::after {
    border: none;
  }

  /* taro ui 设置-- 手风琴 */
  .at-accordion {
    &__header {
      padding: 18rpx 0;
      color: #303133;
    }
    &__arrow {
      color: #606266;
      font-size: 36rpx;
    }
    &__content {
      transition-duration: 0.2s;
    }
    /* 设置最大宽 保证文字可以换行 */
    &__info {
      max-width: 95%;
      &__title {
        word-break: break-all;
        white-space: normal;
      }
    }
  }
}
